<template>
  <el-container>
    <el-main>
      <div style="display: flex">
        <el-input v-model="search" placeholder="请输入员工姓名" prefix-icon="el-icon-search" style="width: 200px;" />
      </div>
      <div style="height: 20px;" />
      <el-table :data="tableData" border>
        <el-table-column prop="name" label="员工姓名" />
        <el-table-column prop="account" label="账号" />
        <el-table-column prop="phone" label="手机号" />
        <el-table-column prop="status" label="账号状态" />
      </el-table>
    </el-main>
  </el-container>
</template>

<script>
export default {
  data() {
    return {
      search: '',
      tableData: [
        {
          name: '张三',
          account: 'zhangsan',
          phone: '13800138000',
          status: '正常'
        },
        {
          name: '李四',
          account: 'lisi',
          phone: '13800138001',
          status: '正常'
        },
        {
          name: '王五',
          account: 'wangwu',
          phone: '13800138002',
          status: '正常'
        }
      ]
    }
  }
}
</script>

<style></style>
